<ion-header>

  <ion-navbar>

    <ion-title>{{ room_name }}</ion-title>
  </ion-navbar>

</ion-header>

<ion-content #content scrollDownOnLoad="true">
  <!--
  <ion-refresher (ionRefresh)="refresh($event)">
    <ion-refresher-content
      pullingText="下拉刷新"
      refreshingSpinner="circles"
      refreshingText="正在刷新...">
    </ion-refresher-content>
  </ion-refresher>
  -->

  <div class="w12 chat_main">
    <ng-container *ngFor="let item of list;let i = index">
      <div class="w10 chat_item" [id]=" 'chat-' + i "
           [ngClass]="isMe(item['person_id'])?'chat_me fr':'chat_others'">
        <img class="portrait" src="assets/imgs/userPic.png">
        <div class="w12 chat_content">
          <div class="w12 chat_name">
            <span class="mr5 bgcolor_green">业务员</span>某某某
          </div>
          <div class="chat_body">
            <p [innerHTML]="item.content"></p>
          </div>
        </div>
      </div>
    </ng-container>
  </div>
</ion-content>

<ion-footer>
  <div class="chat_input">
    <div class="w12 chat_input_header">
      <input contenteditable="true" [(ngModel)]="text" class="w12 div_input"/>
      <button (click)="send()">发送</button>
      <i class="fa fa-plus-circle hide"></i>
    </div>
    <div class="w12 chat_input_body hide">
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-photo"></i>
        <span class="w12 tc mt5">照片</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-camera"></i>
        <span class="w12 tc mt5">拍摄</span>
      </div>
      <div class="w03 chat_input_item" (click)="push('ChatBbdPage')">
        <i class="w08 ml_w02 tc fa fa-file-text"></i>
        <span class="w12 tc mt5">报备单</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-file-text"></i>
        <span class="w12 tc mt5">报价</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-file-text"></i>
        <span class="w12 tc mt5">开工单</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-server"></i>
        <span class="w12 tc mt5">提货</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-gavel"></i>
        <span class="w12 tc mt5">安装完成</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-gavel"></i>
        <span class="w12 tc mt5">签订合同</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-gavel"></i>
        <span class="w12 tc mt5">隐蔽验收</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-gavel"></i>
        <span class="w12 tc mt5">竣工验收</span>
      </div>
      <div class="w03 chat_input_item">
        <i class="w08 ml_w02 tc fa fa-eye"></i>
        <span class="w12 tc mt5">验收</span>
      </div>
    </div>
  </div>
</ion-footer>
